<template>
<div class="dy-main EAccountBindcard">
  <div class="dy-header">
    <x-header :right-options="{showMore: false}"  :left-options="{backText: '',preventGoBack: true}" @on-click-more="showMenus = true" @on-click-back="back">绑定银行卡</x-header>
  </div>
  <div class="dy-body">
    <div class="IdPhoto" @click="toEAccountMessageSure">
      <div class="line">
        <div class="bg">
          <img src="../../assets/img/EAccount/photo.png" alt="">
        </div>
      </div>
      <p>点击上传银行卡</p>
    </div>
  </div>
</div>
</template>

<script>

export default {
  data () {
    return {
      eaccountData: {

      },
      buttonTxt: '确定'
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    },
    toEAccountMessageSure: function () {
      this.$router.push({name: 'EAccountMessageSure'})
    },
    getData () {
      let lvm = this
      this.$bridge.callhandler('nativeRequest',
        JSON.stringify({
          'requstSource': 'internetRequest',
          'url': 'mstep.do?act=bussiness',
          'params': {'method_name': 'H5overseasFinancinghhxA'}
        }),
        function (response) {
          alert('返回' + JSON.stringify(response))
          // this.eaccountData = response.data[0]
          // response是响应数据
          response = JSON.parse(response)
          if (response.status === 0 || response.status === '0') {
            lvm.eaccountData = response.data.data[0]
          } else {
            console.log('fail')
          }
        })
    }
  },
  created () {
    this.getData()
  }
}
</script>
<style lang="less">
.EAccountBindcard {
  .IdPhoto{
      width: 5.8rem;
      height: 3.4rem;
      margin: .28rem auto;
      padding: 0.29rem 0.55rem;
      background: white;
      p{
        text-align: center;
        padding-top: .26rem;
        font-size: .26rem;
      }
      .line{
        height: 2.3rem;
        border: 1px solid #ccc;
        padding: .21rem;
      }
      .bg{
        background: #fafafa;
        height: 1.87rem;
        text-align: center;
        padding-top: .44rem;
        &>img{
          display: inline-block;
          width: 1.1rem;
          height: 0.99rem;
        }
      }
    }
  }
</style>
